<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/shopcar.css">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/shop.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="header" id="top">
        <div class="header-top ">
            <div class="container clearfix">
                <ul class="loginBar fl">
                    <li>您好，欢迎<span class="user"></span>来到易点租</li>
                    <li class="logininfo">
                        <a href="./login.html" class="login">登录</a>
                        <a href="./register.html" class="register">注册</a>
                    </li>
                </ul>
                <ul class="header-item fr">
                    <li class="header-list"><a href="#">我的订单</a></li>
                    <li class="header-list"><a href="#">我的账单</a></li>
                    <li class="header-list drop-down">
                        <a href="./ucenter.html" class="user-center">用户中心
                            <i class="iconfont icon-header"></i>
                        </a>
                        <ul class="subnav">
                            <li><a href="#">我的发票</a></li>
                            <li><a href="#">账户充值</a></li>
                            <li><a href="#">账户安全</a></li>
                            <li><a href="#">免押金额度</a></li>
                        </ul>
                    </li>
                    <li class="header-list"><a href="#">服务中心</a></li>
                </ul>
            </div>
        </div>
        <div class="new-header-index">
            <div class="container">
                <div class="clearfix">
                    <div class="logo fl"><a href="./index.html"></a></div>
                    <div class="search fr">
                        <div class="search-box clearfix">
                            <div class="search-text fl">
                                <input type="text" placeholder="免押金租电脑">
                            </div>
                            <div class="search-button fl">搜索</div>
                        </div>

                    </div>


                </div>

            </div>
        </div>

    </div>
    <!-- 侧边导航 -->
    <div class="right-nav">
        <div class="right-nav-item">
            <a href="#">
                <i class="iconfont ico-right-nav1"></i>
                <span class="line-nav"></span>
            </a>
            <a href="#">
                <i class="iconfont ico-right-nav2"></i>
                <span class="line-nav"></span>
            </a>
            <a href="#">
                <i class="iconfont ico-right-nav3"></i>
                <span class="line-nav"></span>
            </a>
            <a href="#" class="gzh">
                <i class="iconfont ico-right-nav4"></i>
                <span class="line-nav"></span>
                <div class="ma-box1">
                    <i class="iconfont icon-index-ma1"></i>
                    <p>易点租微信公众号</p>
                </div>
            </a>
            <a href="#" class="xcx">
                <i class="iconfont ico-right-nav5"></i>
                <span class="line-nav"></span>
                <div class="ma-box2">
                    <i class="iconfont icon-index-ma2"></i>
                    <p>微信扫码轻松下单</p>
                </div>
            </a>
        </div>
    </div>
    <!-- 商品列表部分 -->
    <div class="middle">
        <div class="allprotop">
            <div class="allpro-topleft">全部商品 2</div>
            <div class="allpro-topright">
                <div class="adress">
                    <span class="select-name">
                        <span class="province-name">河南</span>
                        <span class="city-name">焦作市</span>
                    </span>
                </div><i class="jt1"></i>
                <div class="send">送至</div>
            </div>
        </div>
        <div class="product-list">
            <div class="pro-lis">
                <div class="container">
                    <div class="prolis-top">
                        <div class="prolis-top-left">
                            <input type="checkbox" class="p2 whole_check">
                            全选
                        </div>
                        <div class="pro-pre1" style="width: 308px;">商品信息</div>
                        <div class="pro-price" style="width: 210px;">单价</div>
                        <div class="pro-num" style="width: 140px; text-align: center">数量</div>
                        <div class="pro-pay" style="width: 60px;">首付期数</div>
                        <div class="pro-sum" style="width: 208px;margin-left: 30px;">小计</div>
                        <div class="pro-use" style="width: 50px">操作</div>
                    </div>
                </div>
                <div class="cartBox">
                    <div class="list-goods">
                        <div class="goods-tit">
                            <label>
                                <input class="lease-pro shopChoice" type="checkbox">租赁商品
                            </label>
                            <span>
                                已为您减免
                                <i class="price-red-color relief-deposit-total">
                                    0.00
                                </i>
                                元押金，现可用额度为
                                <i class="price-red-color available-amount">
                                    0.00
                                </i>
                                元
                            </span>
                        </div>
                    </div>
                    <div class="product-content">
                        <!-- <div class="lease-product">
                            <div class="product-layer on" id="carts_product_row_200869">
                                <div class="product-detail clearfix">
                                    <div class="effective-product-info product-info width-410-px">
                                        <b>
                                            <input class="lease-product-cb p-cb son_check" id="p_cb_200869"
                                                type="checkbox" value="" />
                                            <input class="isSale_200869" type="hidden" value="" />
                                            <input class="serviceId_200869" type="hidden" value="" />
                                        </b>
                                        <div class="product-box clearfix">
                                            <div class="pic">
                                                <a class="product-link" href="javascript:;" target="_blank"><img
                                                        title="ThinkPad T420 极速版 14.0英寸笔记本电脑(i5/8GB/240GB SSD/核显/一键恢复)"
                                                        src="./image/shopcar/21.png"></a>
                                            </div>
                                            <div class="txt">
                                                <a class="product-link" href="javascript:;" target="_blank">
                                                    ThinkPad T420 极速版 14.0 英寸笔记本电脑（i5/8G/240G/SSD/核显/一键恢复）
                                                </a>
                                                <p class="rent-type" id="rent_type_title_200869">
                                                    随租随还
                                                </p>
                                                <div class="choose-service-wrapper">
                                                    <div class="choose-service-box">
                                                        <i class="icon-choose-service"></i>
                                                        <span class="txt-tip">选购增值服务</span>
                                                        <i class="arrow icon-cart-arrow-down"></i>
                                                        <i class="arrow icon-cart-arrow-up hide"></i>
                                                    </div>
                                                    <div class="list-layer hide"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="service-box clearfix">
                                            <div class="service-add-main"></div>
                                        </div>
                                    </div>
                                    <div class="lease-product-price">
                                        <div class="month-rent-box clearfix">
                                            <div class="month-rent-label">月租金：</div>
                                            <div class="month-rent-list">
                                                <input id="rent_num_200869" type="hidden" value="" />
                                                <div class="month-rent-item month_rent_200869 price">
                                                    99.00(1-12月)
                                                </div>
                                                <div class="month-rent-item month_rent_200869">
                                                    89.00(13-24月)
                                                </div>
                                                <div class="month-rent-item month_rent_200869">
                                                    79.00(25-36月)
                                                </div>
                                            </div>
                                            <div class="coupon-box" id="coupon_dia_200869">
                                                <p class="coupon-title" id="coupon_title_200869">优惠券
                                                    <i class="icon-coupon-arrow-down coupon-bar"></i>
                                                </p>
                                                <div class="coupon-layer hide" id="coupon_layer_200869"></div>
                                            </div>
                                            <div class="month-rent-box clearfix">
                                                <div class="month-rent-label">押金：</div>
                                                <div class="month-rent-list">
                                                    <div class="month-rent-item deposit">1600.00</div>
                                                </div>
                                            </div>

                                        </div>

                                    </div>
                                    <div class="product-num">
                                        <div class="number clearfix">
                                            <a class="num-reduce disabled">-</a>
                                            <a class="num">
                                                <input class="ipt-num" id="num_200869" type="text" value="1">
                                            </a>
                                            <a class="num-add">+</a>
                                        </div>
                                    </div>
                                    <div class="down-pay-month" id="downPayMonth_200869">1</div>
                                    <div class="lease-product-sum">
                                        <p>
                                            <span>首付租金：</span>
                                            <i class="rentMonth_sum_200869 sum_price">99.00</i>
                                        </p>
                                        <p class="coupon-rent" id="rentCoupon_sum_box_200869">
                                            <span>
                                                首付租金优惠：
                                            </span>
                                            <i id="rentCoupon_sum_200869">0.00</i>
                                        </p>
                                        <p>
                                            <span>
                                                押金小计：
                                            </span>
                                            <i id="deposit_sum_200869" class="rent_price">1600.00</i>
                                        </p>
                                    </div>
                                    <div class="product-handle">
                                        <a class="delete">删除</a>
                                    </div>
                                </div>
                                <div class="product-rent-info">
                                    <div class="product-rent-month">
                                        本商品租期为
                                        <i>36</i>
                                        个月，租期结束后设备归还易点租
                                    </div>
                                    <div class="product-rent-date">
                                        <span>起租日期：</span>
                                        <input class="start-rent-date" id="startRentDate_200869" type="text"
                                            readonly="readonly" value="2019-12-17">
                                    </div>
                                </div>
                                <div class="arrival-time-tips-box">
                                    武汉仓现货，预计
                                    <span class="num">3</span>
                                    天内送达
                                </div>
                            </div>
                        </div> -->
                        <!-- <div class="lease-product">
                            <div class="product-layer on" id="carts_product_row_200869">
                                <div class="product-detail clearfix">
                                    <div class="effective-product-info product-info width-410-px">
                                        <b>
                                            <input class="lease-product-cb p-cb son_check" id="p_cb_200869"
                                                type="checkbox" value="" />
                                            <input class="isSale_200869" type="hidden" value="" />
                                            <input class="serviceId_200869" type="hidden" value="" />
                                        </b>
                                        <div class="product-box clearfix">
                                            <div class="pic">
                                                <a class="product-link" href="javascript:;" target="_blank"><img
                                                        title="ThinkPad T420 极速版 14.0英寸笔记本电脑(i5/8GB/240GB SSD/核显/一键恢复)"
                                                        src="./image/shopcar/21.png"></a>
                                            </div>
                                            <div class="txt">
                                                <a class="product-link" href="javascript:;" target="_blank">
                                                    ThinkPad T420 极速版 14.0 英寸笔记本电脑（i5/8G/240G/SSD/核显/一键恢复）
                                                </a>
                                                <p class="rent-type" id="rent_type_title_200869">
                                                    随租随还
                                                </p>
                                                <div class="choose-service-wrapper">
                                                    <div class="choose-service-box">
                                                        <i class="icon-choose-service"></i>
                                                        <span class="txt-tip">选购增值服务</span>
                                                        <i class="arrow icon-cart-arrow-down"></i>
                                                        <i class="arrow icon-cart-arrow-up hide"></i>
                                                    </div>
                                                    <div class="list-layer hide"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="service-box clearfix">
                                            <div class="service-add-main"></div>
                                        </div>
                                    </div>
                                    <div class="lease-product-price">
                                        <div class="month-rent-box clearfix">
                                            <div class="month-rent-label">月租金：</div>
                                            <div class="month-rent-list">
                                                <input id="rent_num_200869" type="hidden" value="" />
                                                <div class="month-rent-item month_rent_200869 price">
                                                    99.00(1-12月)
                                                </div>
                                                <div class="month-rent-item month_rent_200869">
                                                    89.00(13-24月)
                                                </div>
                                                <div class="month-rent-item month_rent_200869">
                                                    79.00(25-36月)
                                                </div>
                                            </div>
                                            <div class="coupon-box" id="coupon_dia_200869">
                                                <p class="coupon-title" id="coupon_title_200869">优惠券
                                                    <i class="icon-coupon-arrow-down coupon-bar"></i>
                                                </p>
                                                <div class="coupon-layer hide" id="coupon_layer_200869"></div>
                                            </div>
                                            <div class="month-rent-box clearfix">
                                                <div class="month-rent-label">押金：</div>
                                                <div class="month-rent-list">
                                                    <div class="month-rent-item deposit">1600.00</div>
                                                </div>
                                            </div>

                                        </div>

                                    </div>
                                    <div class="product-num">
                                        <div class="number clearfix">
                                            <a class="num-reduce disabled">-</a>
                                            <a class="num">
                                                <input class="ipt-num" id="num_200869" type="text" value="1">
                                            </a>
                                            <a class="num-add">+</a>
                                        </div>
                                    </div>
                                    <div class="down-pay-month" id="downPayMonth_200869">1</div>
                                    <div class="lease-product-sum">
                                        <p>
                                            <span>首付租金：</span>
                                            <i class="rentMonth_sum_200869 sum_price sum_price">99.00</i>
                                        </p>
                                        <p class="coupon-rent" id="rentCoupon_sum_box_200869">
                                            <span>
                                                首付租金优惠：
                                            </span>
                                            <i id="rentCoupon_sum_200869">0.00</i>
                                        </p>
                                        <p>
                                            <span>
                                                押金小计：
                                            </span>
                                            <i id="deposit_sum_200869" class="rent_price">1600.00</i>
                                        </p>
                                    </div>
                                    <div class="product-handle">
                                        <a class="delete">删除</a>
                                    </div>
                                </div>
                                <div class="product-rent-info">
                                    <div class="product-rent-month">
                                        本商品租期为
                                        <i>36</i>
                                        个月，租期结束后设备归还易点租
                                    </div>
                                    <div class="product-rent-date">
                                        <span>起租日期：</span>
                                        <input class="start-rent-date" id="startRentDate_200869" type="text"
                                            readonly="readonly" value="2019-12-17">
                                    </div>
                                </div>
                                <div class="arrival-time-tips-box">
                                    武汉仓现货，预计
                                    <span class="num">3</span>
                                    天内送达
                                </div>
                            </div>
                        </div> -->
                    </div>

                </div>
                <!-- <div class="cartBox">
                    <div class="list-goods">
                        <div class="goods-tit">
                            <label>
                                <input class="lease-pro shopChoice" type="checkbox">销售商品
                            </label>

                        </div>
                    </div>
                    <div class="product-content">
                        <div class="lease-product">
                            <div class="product-layer on" id="carts_product_row_200869">
                                <div class="product-detail clearfix">
                                    <div class="effective-product-info product-info width-410-px">
                                        <b>
                                            <input class="lease-product-cb p-cb son_check" id="p_cb_200869"
                                                type="checkbox" value="" />
                                            <input class="isSale_200869" type="hidden" value="" />
                                            <input class="serviceId_200869" type="hidden" value="" />
                                        </b>
                                        <div class="product-box clearfix">
                                            <div class="pic">
                                                <a class="product-link" href="javascript:;" target="_blank"><img
                                                        title="ThinkPad T420 极速版 14.0英寸笔记本电脑(i5/8GB/240GB SSD/核显/一键恢复)"
                                                        src="./image/shopcar/21.png"></a>
                                            </div>
                                            <div class="txt">
                                                <a class="product-link" href="javascript:;" target="_blank">
                                                    ThinkPad T420 极速版 14.0 英寸笔记本电脑（i5/8G/240G/SSD/核显/一键恢复）
                                                </a>
                                                <p class="rent-type" id="rent_type_title_200869">
                                                    随租随还
                                                </p>
                                                <div class="choose-service-wrapper">
                                                    <div class="choose-service-box">
                                                        <i class="icon-choose-service"></i>
                                                        <span class="txt-tip">选购增值服务</span>
                                                        <i class="arrow icon-cart-arrow-down"></i>
                                                        <i class="arrow icon-cart-arrow-up hide"></i>
                                                    </div>
                                                    <div class="list-layer hide"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="service-box clearfix">
                                            <div class="service-add-main"></div>
                                        </div>
                                    </div>
                                    <div class="lease-product-price">
                                        <div class="month-rent-box clearfix">
                                            <div class="month-rent-label">月租金：</div>
                                            <div class="month-rent-list">
                                                <input id="rent_num_200869" type="hidden" value="" />
                                                <div class="month-rent-item month_rent_200869 price">
                                                    99.00(1-12月)
                                                </div>
                                                <div class="month-rent-item month_rent_200869">
                                                    89.00(13-24月)
                                                </div>
                                                <div class="month-rent-item month_rent_200869">
                                                    79.00(25-36月)
                                                </div>
                                            </div>
                                            <div class="coupon-box" id="coupon_dia_200869">
                                                <p class="coupon-title" id="coupon_title_200869">优惠券
                                                    <i class="icon-coupon-arrow-down coupon-bar"></i>
                                                </p>
                                                <div class="coupon-layer hide" id="coupon_layer_200869"></div>
                                            </div>
                                            <div class="month-rent-box clearfix">
                                                <div class="month-rent-label">押金：</div>
                                                <div class="month-rent-list">
                                                    <div class="month-rent-item deposit">1600.00</div>
                                                </div>
                                            </div>

                                        </div>

                                    </div>
                                    <div class="product-num">
                                        <div class="number clearfix">
                                            <a class="num-reduce disabled">-</a>
                                            <a class="num">
                                                <input class="ipt-num" id="num_200869" type="text" value="1">
                                            </a>
                                            <a class="num-add">+</a>
                                        </div>
                                    </div>
                                    <div class="down-pay-month" id="downPayMonth_200869">1</div>
                                    <div class="lease-product-sum">
                                        <p>
                                            <span>首付租金：</span>
                                            <i class="rentMonth_sum_200869 sum_price">99.00</i>
                                        </p>
                                        <p class="coupon-rent" id="rentCoupon_sum_box_200869">
                                            <span>
                                                首付租金优惠：
                                            </span>
                                            <i id="rentCoupon_sum_200869">0.00</i>
                                        </p>
                                        <p>
                                            <span>
                                                押金小计：
                                            </span>
                                            <i id="deposit_sum_200869" class="rent_price">1600.00</i>
                                        </p>
                                    </div>
                                    <div class="product-handle">
                                        <a class="delete">删除</a>
                                    </div>
                                </div>
                                <div class="product-rent-info">
                                    <div class="product-rent-month">
                                        本商品租期为
                                        <i>36</i>
                                        个月，租期结束后设备归还易点租
                                    </div>
                                    <div class="product-rent-date">
                                        <span>起租日期：</span>
                                        <input class="start-rent-date" id="startRentDate_200869" type="text"
                                            readonly="readonly" value="2019-12-17">
                                    </div>
                                </div>
                                <div class="arrival-time-tips-box">
                                    武汉仓现货，预计
                                    <span class="num">3</span>
                                    天内送达
                                </div>
                            </div>
                        </div>
                    </div>

                </div> -->
            </div>

        
        <!--结算部分-->
        <div class="middle">
            <div class="bill-box">
                <div class="bill-tit clearfix">
                    已选租赁商品
                    <i>0</i>
                    <!-- 件，已选销售商品
                    <i>0</i>件 -->
                </div>
                <ul class="bill-detail">
                    <li>
                        <span>应付押金</span>
                        <i class="prices">0.00</i>
                        <p class="deposit-tip">
                            （押金总金额：
                            <b class="prices">0.00</b>
                            ； 本次为您减免押金：
                            <b class="">0.00</b>)
                        </p>
                        <p class="err-tip">
                            <a href="javascript:void(0)" class="icon-cart-tip"></a>
                            <a href="#" class="errmsg">此订单需要支付现金押金,无法使用货到付款方式支付</a>
                        </p>
                    </li>
                    <li class="rent-amount">
                        <span>应付租金</span>
                        <i class="rentprices">0.00</i>

                    </li>
                    <li class="reduce-amount">
                        <span>优惠金额</span>
                        <i class="">0.00</i>

                    </li>
                    <li>
                        <span>增值保障</span>
                        <i class="">0.00</i>
                    </li>

                </ul>
            </div>
        </div>
        <div class="settle-accounts-box clearfix">
            <div class="product-cb-all-box fl">
                <label>
                    <input type="checkbox" class="product-cb-all whole_check">
                    全选
                </label>
                <a href="javascript:;">删除选中商品</a>
                <a href="javascript:;" class="allclear">清除购物车</a>
            </div>
            <div class="fr">
                <div class="accounts-box">
                    <div class="pay-online">
                        <span>当前需支付：</span>
                        <strong class="pay-total">0</strong>
                    </div>
                </div>
                <input type="button" name="" id="" class="settle-accounts" value="去结算">
            </div>
        </div>
    </div>
    </div>

    <!-- 提示框 -->
    <div class="yzerro shop-del">
        <div class="ms-box">
            <h4>
                温馨提示
                <i class="iconfont icon-modal-close close"></i>
            </h4>
            <div class="bounced-content">
                <div class="bounced-choose">
                    <div class="bounced-text">确认删除此商品吗？</div>
                </div>
                <div class="bounced-btn">
                    <a href="javascript:;" class="ok-btn">确认</a>
                    <a href="javascript:;" class="cancel-btn">取消</a>
                </div>
            </div>
        </div>
    </div>

    <div class="yzerro allshop-clear">
        <div class="ms-box">
            <h4>
                温馨提示
                <i class="iconfont icon-modal-close close"></i>
            </h4>
            <div class="bounced-content">
                <div class="bounced-choose">
                    <div class="bounced-text">确认清除购物车吗？</div>
                </div>
                <div class="bounced-btn">
                    <a href="javascript:;" class="ok-btn2">确认</a>
                    <a href="javascript:;" class="cancel-btn">取消</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="bottom">
        <!-- 底部列表 -->
        <div class="base">
            <div class="centre">
                <div class="about ">
                    <ul>
                        <li class="title">关于易点租</li>
                        <li><a href="">公司概况</a></li>
                        <li><a href="">加入我们</a></li>
                        <li><a href="">联系我们</a></li>
                        <li><a href="">媒体报道</a></li>
                    </ul>
                </div>
                <div class="explain">
                    <ul>
                        <li class="title">租机预订说明</li>
                        <li><a href="">什么是免押金租赁</a></li>
                        <li><a href="">租机流程</a></li>
                        <li><a href="">租金缴付</a></li>
                        <li><a href="">租赁方式</a></li>
                        <li><a href="">租赁协议</a></li>
                    </ul>
                </div>
                <div class="cost">
                    <ul>
                        <li class="title">租机费用及结算</li>
                        <li><a href="">价格说明</a></li>
                        <li><a href="">开取发票</a></li>
                    </ul>
                </div>
                <div class="serve">
                    <ul>
                        <li class="title">企业服务</li>
                        <li><a href="">集团账号登录</a></li>
                        <li><a href="">服务中心</a></li>
                    </ul>
                </div>
                <div class="footer-logo">
                    <li class="picture">
                        <img src="" alt="">
                    </li>
                    <h4>400-886-9528</h4>
                    <h6>周一至周日(9:00-18:00)</h6>
                </div>
            </div>
        </div>
        <!-- 最底部 -->
        <div class="foot">
            <p class="footOne">© Copyright Reserved 2014-2019　| &nbsp;&nbsp;<a href=""><img
                        src="./image/shopcar/guohui.png">
                    京公网安备 11010102002019号</a> |　京ICP备14057387号-1　|　北京易点淘网络技术有限公司&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
                    href=""><i class="unit"></i></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=""><i
                        class="enterprise"></i></a>
            </p>
            <p class="footTwo">办公地址： 北京市海淀区西二旗大街39号融通高科大厦二层 易点租</p>
            <p class="footThree">
                <a href="">北京退换机地址</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="">上海退换机地址</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="">深圳退换机地址</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="">武汉退换机地址</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

            </p>
        </div>
    </div>
    
</body>

</html>